@charset "utf-8";
/* 首页  */
body {background:#fff;}
.banner {height:580px;width:100%;position:relative;overflow:hidden;z-index:1; clear: both;}
.flexslider {width:100%;height:580px;position:relative;overflow:hidden;zoom:1;z-index:2;}
.flexslider .slides li {display:none;height:580px;background-position:center center;background-repeat:no-repeat; overflow:hidden;text-align:center;-webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides a {height:580px;display: block;}
.flexslider .slides { zoom: 1;height:580px; }
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  {text-decoration:none; display: block; width:25px; height: 92px; margin: -46px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8);   text-indent:-999em }/* background:url(../images/index/banner/slider-arrow.png) no-repeat; */
.flex-direction-nav .flex-prev { left: -50px; background-position:-44px 0 }
.flex-direction-nav .flex-next { right: -50px; background-position:0px 0}
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px;}
.flexslider:hover .flex-next { opacity: 0.7; right: 10px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-control-nav {width: 100%; position: absolute;z-index:2; bottom:15px;height:20px;overflow:hidden;text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:20px; height:20px; display: block; background: #fff; cursor: pointer; text-indent: -9999px;border-radius:45px; opacity:0.5;-moz-border-radius: 45px; -webkit-border-radius: 45px;}
.flex-control-paging li a:hover { background: #333; background:#fff;opacity:1;  }
.flex-control-paging li a.flex-active { background:#fff; cursor: default;opacity:1; }
.flexslider .innerBox {width:1170px;height:100%;position:relative;}
.flexslider .loginBox {width:300px;height:399px;position:absolute;}
.banner .regBox {position:absolute;width:300px;height:399px;top:90px;left:50%;margin-left:285px;z-index:3;border-radius:5px;color:#fff;}
.banner .regBox .bg {width:100%;height:100%;position:absolute;z-index:1;left:0;top:0;background:#000;opacity:0.3;filter:alpha(opacity=30);}
.banner .regBox .box {padding:0 30px;position:relative;z-index:2;}
.banner .regBox h2 {margin:20px 0 44px 0;font-size:28px;font-weight:normal;line-height:62px;text-align: center;}
.banner .regBox .text {font-size:18px;line-height:55px; text-align: center;}
.banner .regBox .text1{font-size: 24px;line-height:40px;text-align: center;}
.banner .regBox .text1 span {font-size:72px;color:#ffc000;font-weight:bold;}
.banner .regBox .btn-reg {display:block;width:100%;height:48px;line-height:48px;margin:20px 0 25px 0;background:#e75819;font-size:24px;text-align:center;color:#fff;border-radius:27px;}
.banner .regBox .btn-reg:hover {background-color:#d65218;}
.banner .regBox .login {text-align:center;font-size: 14px;}
.banner .regBox .login a {color:#fff; text-decoration:underline}
.introduction,.newFish,.product {width:1200px;margin:0 auto;}
.introduction {width:1200px;margin:46px auto 40px;color:#9a9a9a;line-height:30px; font-size: 16px;}
.introduction li {width:25%;*+width:24.9%;float:left;text-align:center;}
.introduction li i {width:91px;height:91px;display:block;margin:0 auto 10px auto;background:url(../images/index/introduction-sprite.png) no-repeat 0px 0px;transition:transform 1s;}
.introduction li:hover i {transform:rotateY(180Deg)}
.introduction li i.icon2 {background-position:-92px 0;}
.introduction li i.icon3 {background-position:-184px 0;}
.introduction li i.icon4 {background-position:-275px 0;}
.introduction h3 {font-size:24px;font-weight:400;color:#666;padding-top: 5px;}
/*.newFish {height:200px;}*/
.newFish .left {float:left;width:210PX;height:200px;background:url(../images/index/newFish-pic1.png) no-repeat right bottom;color:#fff;}
.newFish .left .text1 {font-size:30px;margin:23px 0 10px 0 ; text-align: center;}
.newFish .left .text2 {font-size:18px;padding: 0 0 0 53px;line-height: 30px;}
.newFish .right {float:right;width:990PX;background:#fff;}
.newFish .right .group {width:928px;height:133px;float:left;padding:30px 0px 35px 60px;border:1px solid #E7E7E7;border-left:none;transition:all 0.5s; background: #fff;}
.newFish .right .group:hover {border-color:#f23546;box-shadow:3px 3px 5px #ccc;}
.newFish .group .sort1 {height:30px;line-height:30px;position:relative;color:#000;font-size:24px;}
.newFish .group .sort1 .tip {line-height:28px;padding:0 20px;font-size:14px;color:#999999;}
.newFish .group .sort2 {height:86px;line-height:86px;font-size:14px; width: 674px; float: left;}
.newFish .group .sort3 {width:238px;overflow:hidden; float: left;    padding-left: 16px;}
.newFish .group .sort2  ul { padding-top: 40px;}
.newFish .group .sort2  ul li{ float: left;height: 72px;font-size: 14px; color: #999999; text-align: center;    padding-right: 78px;}
.newFish .group .sort2  ul li p{line-height: 30px;}
.newFish .group .sort2  ul li .f-size span{ font-size: 48px;}
.newFish .group .sort2  ul li .f-size{font-size: 36px; color: #e71a19;line-height: 36px;}
.newFish .group .sort2 .f-size1{font-size: 20px;color: #333333;height:25px;padding-top: 13px;}
.newFish .group .sort2 .f-size2{font-size: 20px;color: #333333;height:34px; padding-top: 5px;}
.newFish .group .sort3 .u-people{font-size: 14px; color: #999999;}
.newFish .group .sort3 .u-people span{font-size: 18px; color: #ecc346;}
.newFish .group .sort3 .u-btn{ width: 200px; height: 40px;line-height: 40px; background: #ecc346; text-align: center; font-size: 18px; border-radius: 38px; margin: 25px auto 0;}
.product{ margin-top: 20px; height: 798px;}
.product .left {float:left;width:210PX;height:798px;background:url(../images/index/newFish-pic.png) no-repeat right bottom;color:#fff;position:relative}
.product .left .text1 {font-size:30px;margin:23px 0 10px 0 ; text-align: center;}
.product .left a {font-size:16px;line-height: 30px; width: 88px; height: 30px; border: 1px solid #fff; margin: 0 auto;display: block; text-align: center; color: #fff;position: absolute; bottom:31px; left:28%}
.product .tabCon-list .list{height:167px;padding: 30px 0 0 26px;border:1px solid #fff;border-left:none;border-bottom:1px solid #E7E7E7;border-right: 1px solid #E7E7E7;transition:all 0.5s;}
.product .tabCon-list .list:hover {border-color:#9cd5fb;box-shadow:5px 5px 10px #ccc;}
.product .right {float:right;width: 989px;background:#fff;}
.product .tabCon-list .f-border{border-top: 1px solid #E7E7E7;}
.product .right .list {position: relative;}
.product .right .list .tit{font-size: 24px; color: #333333;}
.product .right .list .tit span{font-size: 14px; color: #999999;padding-left: 30px;}
.product .right .list .tit i{color: #fff; width: 25px; height: 25px;line-height: 25px; border-radius: 50%;  margin-top: -6px; font-size: 16px; text-align: center; display: inline-block; margin-right: 10px;}
.product .right .list .tit .icon{ background: #f23648; }
.product .right .list .tit .icon1{ background: #418bde;; }
.product .right .btnBox ul { padding-top: 40px;    padding-left: 33px;}
.product .right .btnBox  ul li{ float: left;height: 72px;font-size: 14px; color: #999999; text-align: center;    padding-right: 62px;}
.product .right .btnBox  ul .u-li{ width: 200px; text-align: center;}
.product .right .btnBox  ul li p{line-height: 30px;}
.product .right .btnBox  ul li .f-size span{ font-size: 48px;}
.product .right .btnBox  ul li .f-size{font-size: 36px; color: #e71a19;line-height: 36px;}
.product .right .btnBox  ul li .f-size1{font-size: 20px;color: #333333;height:33px;    padding-top: 7px;}
.product .right .btnBox  ul li .f-size1 span{ font-size: 36px; color: #666666;}
.product .right .btnBox  ul li .f-size2{font-size: 20px;color: #333333;height:27px; padding-top:12px;}
.product .right .btnBox  ul li .f-size2 span{ font-size:24px ; color: #333;}
.product .right .list .u-btn{ width: 200px; height: 40px;line-height: 40px; background: #ecc346; text-align: center; font-size: 18px; border-radius: 38px; margin:0 0 0;}
.product .right .list .u-btn:hover{ background: #deb73f;}
.product .right .list .u-red{width: 198px;height: 38px; line-height: 38px;border: 1px solid #e71a19; background: #fff; color: #e71a19;}
.product .right .list .u-red:hover{background: #e71a19; color: #fff;}
.product .right .list .u-yellow{  width: 198px; height: 38px;line-height: 38px;border: 1px solid #ecc346; background: #fff; color: #ecc346;}
.product .right .list .u-yellow:hover{background: #deb73f; color: #fff;}
.product .right .list .disabled{ width: 198px; height: 38px;  line-height: 38px; border: 1px solid #cccccc; background: #fff; color: #ccc; cursor: default; text-decoration: none; outline: none;box-shadow: none;}
.product .right .list .disabled:hover{ background: #fff;}
.circle_container{width: 208px;position: absolute;    top: 35%; right: 31%;}
.appdow{background: url(../images/index/indeximg.png) no-repeat; width:1200px ; height: 200px; margin: 20px auto; position: relative;}
.appdow .m-but .u-but{ background: #fa8a0c; width: 257px; height: 65px; line-height: 65px; text-align: center; font-size: 24px; color: #fff; display: inline-block;}
.appdow .m-but .u-but:hover{ background: #ef870f;}
.appdow .m-but .u-but i{ width: 33px; height: 57px; display: inline-block;margin: 0 10px 0 0; vertical-align: middle;}
.appdow .m-but .but-ad{ background: #00bb68;    margin-left: 28px;}
.appdow .m-but .but-ad:hover{ background: #04ad62;}
.appdow .m-but{position: absolute; top: 68px; right:168px;}
.article { width: 1200px; margin: 0 auto;}
.article .u-left{  width: 560px; height:200px ; border: 1px solid #E7E7E7;padding: 20px 14px;}
.article .u-right{  width: 590px; height:240px ; border: 1px solid #E7E7E7;;}
.article .u-left .u-title{font-size: 24px; color: #333;}
.article .u-left .u-title i{ background:url(../images/index/icon1.png) no-repeat;     width: 26px; height: 24px; background-position: -108px 0; display: inline-block;margin-right: 10px; vertical-align: middle;}
.article .u-left ul{ padding-top: 10px;overflow: hidden;}
.article .u-left ul li{font-size: 14px;clear: both;line-height: 35px;padding-left: 20px;}
.article .u-left ul li span{ float: right; color: #999;}
.article .u-left ul li a{ float:left; color: #333;text-overflow: ellipsis; white-space: nowrap;overflow: hidden;width: 350px;}
.article .u-left ul li a:hover{ color:  #e71a19;}
.article .u-left ul li a i{ width: 5px; height: 5px; border-radius: 24px; background: #e71a19;display: inline-block;vertical-align: middle;margin-right: 10px;}
.article .u-left a{ color: #e71a19; font-size: 14px;float: right;}
.article .u-new .u-title i{  background-position: -83px 0; }
.partner {background:#fff;padding:20px 0; clear: both; margin: 0 auto;} 
.partner .tit {font-size:20px;font-weight:bold;margin:0 0 15px 0;}
.partner .marquee {position:relative;width:100%;height:64px;margin:0 0 0 0;}
.partner .marquee-list {width:100%; height:64px; overflow:hidden;margin:0 auto;}
.partner .marquee-list ul li {width:200px;height:64px;float:left;display:inline;}
.partner .marquee-list ul li img {width:196px; height:62px;border:1px solid #efefef;}
.partner .marquee .prev,.partner .marquee .next {/*background:url(../images/index/article-btn.png) no-repeat 0px 0px;*/width:13px;height:22px;display:inline-block;position:absolute;top:21px;}
.partner .marquee .prev {background-position:-13px 0px;left:-30px;}
.partner .marquee .next {background-position:-13px -22px;right:-30px;}
.partner  .innerBox{ height: 63px;}
.product .right .btnBox  ul li:first-child{ width: 194px;}
.product .right .list .tit  span{font-size: 12px; color: #e71a19; border: 1px solid #e71a19; padding:1px 2px;margin-right: 5px; border-radius: 3px; margin-left: 10px;}
  /*#path {
        animation: offset 2s linear 1 both;
        stroke-dasharray: 20px,10px;
    stroke-dashoffset: 0px;

    }
    @keyframes offset {
        0%{
      stroke-dashoffset: 150.818px;
      }
      100%{
          stroke-dashoffset: 0;
      }
    }*/
.product .tabCon-list .list:first-child{  border-top: 1px solid #E7E7E7;}
.product .tabCon-list .list:first-child:hover {border-color:#9cd5fb;box-shadow:5px 5px 10px #ccc;}
.product .right .btnBox  ul li:nth-child(2){ width: 101px;}
.appdow{ position: relative;}

/*.m-but .but-ad:hover .u-hide{ display: block;}*/
.m-but .u-but:hover .u-hide{ display: block;}
.m-but .u-but .u-hide{display: none; position: absolute; left: 12%; }
.m-but .u-but .u-hide img{width: 130px; height: 130px;}
.m-but .but-ad .u-hide{display: none; position: absolute; left: 65%; }
.m-but .but-ad .u-hide img{width: 130px; height: 130px;}



